import { createApp } from "vue";
import { createPinia } from "pinia";

import App from "./App.vue";
import router from "./router";
import axios from "axios";
import VueAxios from "vue-axios";

import { Button } from "vant";
import { Cell, CellGroup } from "vant";
import { Popup } from "vant";
import { Col, Row } from "vant";
import { Grid, GridItem } from "vant";
import { Form, Field } from "vant";
import { Picker } from "vant";
import { RadioGroup, Radio } from "vant";
import { NoticeBar } from "vant";
import { Progress } from "vant";
import { Icon } from "vant";
import { Tag } from "vant";

const app = createApp(App);

app.use(createPinia());
app.use(router);
app.use(VueAxios, axios);
app.provide("axios", app.config.globalProperties.axios);

app.use(Col);
app.use(Row);
app.use(Button);
app.use(Cell);
app.use(CellGroup);
app.use(Popup);
app.use(Grid);
app.use(GridItem);
app.use(Form);
app.use(Field);
app.use(Picker);
app.use(RadioGroup);
app.use(Radio);
app.use(NoticeBar);
app.use(Progress);
app.use(Icon);
app.use(Tag);
app.mount("#app");
